﻿@import url('font-awesome.min.css');

body{ 
		font-family: SimSun, Sans-Serif, Arial;
		margin:0 auto; 
		width:100%; 
		height:100%;
		font-size:12px;
		overflow-x:hidden; 
		overflow-y:auto\9;		/* lt IE8 */
		
		background:#fff url(../img/bg.png) 0 0 repeat;
}

.main-content{
		width:100%;
		height:100%;
		margin:0;
		padding:0;
}

.main-content > #map{ width:100%; height:620px; position:absolute; }

.main-content > .panel-bg{
		position:absolute;
		right:0;
		z-index:1000;
		width:444px;
		height:100%;
		/*background:#FFFAFA;*/
		/*border:1px solid #BDB76D;*/
		opacity:0.8;
		filter:alpha(opacity=80);		/* IE */
}

.main-content > .panel-bg > .panel-bg-inner{
		background:#FFFAFA;
		width:420px;
		position:relative;
		float:left;
		border:1px solid #BDB76D;
		height:100%;
}

.main-content > .panel-bg > .panel-show-hide-block{
		/*position:absolute;
		right:419px;
		top:30px;*/
		position:relative;
		float:left;
		margin-top:30px;
		z-index:1000;
		width:24px;
		height:70px;
		background:#FFFAFA;
		border:1px solid #BDB76D;
		border-right:1px solid #FFFAFA;
		opacity:0.8;
		filter:alpha(opacity=80);		/* IE */
}

.main-content > .panel-bg > .panel-show-hide-block > a{
		display:block;
		text-decoration:none;
		color:#000;
		padding:5px 0 0 5px;
		width:100%;
		height:100%;
}

.panel-block-normal{ color:#000; }
.panel-block-highlight{ background:#000066; color:#fff; }
.panel-block-highlight > span, .panel-block-highlight > i{ color:#fff; }

.main-content > .panel-content{
		position:absolute;
		right:0;
		width:410px;
		margin:5px 0 5px 5px;
		height:93%;
		z-index:3000;
}

.main-content > .panel-content > ul > li > a{
		padding-top:0px;
		height:30px;
		line-height:30px;
		color:#0066cc;
}

#query-panel{
		height:100%;
		background:#fff;
		border:1px solid #ccc;
		border-top:0;
		padding:10px;
}

#query-panel > .search-panel > .search-tab{ clear:both; padding-top:20px; }
#query-panel > .search-panel > .search-tab > ul > li.active > a{
		border-top:2px solid #0000ff;
		border-radius:0;
}
#query-panel > .search-panel > .search-tab > ul > li > a{
		padding-top:0;
		height:30px;
		line-height:30px;
		color:#0066cc;
		blr:expression(this.onFocus=this.blur()); /* IE Opera */ 
		outline:none; /* FF Opera */
}
#query-panel > .search-panel > .search-tab > ul > li > a:focus{ -moz-outline-style: none; /* FF */ }
#query-panel > .search-panel > .search-tab > .query-tab-panel{
		padding:10px;
}
#query-panel > .search-panel > .search-tab > .tab-content > .tab-pane > ul{
		margin:0;
		padding:0;
		list-style:none;
		list-style-type:none;
}
#query-panel > .search-panel > .search-tab > .tab-content > .tab-pane > ul > li{
		margin:0;
		padding:0;
		list-style:none;
		list-style-type:none;
		float:left;
		width:51px;
		height:52px;
		line-height:52px;
		margin-bottom:10px;
}
#query-panel > .search-panel > .search-tab > .tab-content > .tab-pane > .table-list{ clear:both; }

#query-panel > .search-panel > .search-tab > .tab-content > #water-source > ul > li{
		margin-right:30px;
}
#query-panel > .search-panel > .search-tab > .tab-content > #water-supply > ul > li{
		margin-right:8px;
}

#query-panel > .result-panel > .result-title{ float:left; }
#query-panel > .result-panel > .result-title > i{ color:blue; }
#query-panel > .result-panel > .result-title-button{ float:right; right:10px; }
#query-panel > .result-panel > .result-title-button > a{ display:block; }
#query-panel > .result-panel > .result-content{ clear:both; }

/* nav vertical tabs */
.vertical-search-tab > .nav-vertical-tabs{
		float:left;
		width:42px;
		border-right:1px solid #ccc;
		height:560px;
}
.vertical-search-tab > .nav-vertical-tabs > li{ float:none; border:0; }
.vertical-search-tab > .nav-vertical-tabs > li > a{ 
		/*border-right:1px solid #ccc;*/
		blr:expression(this.onFocus=this.blur()); /* IE Opera */ 
		outline:none; /* FF Opera */
}
.vertical-search-tab > .nav-vertical-tabs > li > a:focus{ -moz-outline-style: none; /* FF */ }
.vertical-search-tab > .nav-vertical-tabs > li.active > a{ 
		border-top:1px solid #ccc;
		margin-right:-1px;
		border-bottom:1px solid #ccc; 
		border-left:2px solid #00f; 
		border-right:0; 
		background:#fff;
		blr:expression(this.onFocus=this.blur()); /* IE Opera */ 
		outline:none; /* FF Opera */
}
.vertical-search-tab > .tab-content > .tab-pane{
		float:left;
		padding:10px 0 10px 10px;
		border-top:1px solid #ccc;
		width:345px;
}

/* 表格样式 */
.vertical-search-tab > .tab-content > div > .table-list{
		margin-top:15px;
}
.vertical-search-tab > .tab-content > div > .table-list > div{
		clear:both;
		overflow-x:hidden;
		overflow-y:scroll;
		height:480px;
		border:1px solid #eee;
}
.vertical-search-tab > .tab-content > div > .table-list > div > table > thead > tr > th,.vertical-search-tab > .tab-content > div > .table-list > div > table > tbody > tr > td{ text-align:center; vertical-align:middle; border:1px solid #f5f5dc; }
.vertical-search-tab > .tab-content > div > .table-list > div > table > thead > tr{ background:#fffff0; border:1px solid #eee; }

#query-panel > .search-panel > .table-list > .treeview-list{
		font-size:14px;
		background:#fffffa;
		height:460px;
		overflow:auto;
		border:1px solid #eee;
}

/* 响应式适应 */
@media (min-width: 1440px) {
		.main-content > #map{ height:830px; }
		.vertical-search-tab > .nav-vertical-tabs{ height:740px; }
		.vertical-search-tab > .tab-content > div > .table-list > div{ height:660px; }
		#query-panel > .search-panel > .table-list > .treeview-list{ height:640px; }
}



